<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/styles.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/vmenu.css" />

</head>

<body>

<div id="wrapper">

    <div id="top">
        <div class="inner clearfix">
        	<div class="grid_12">
            <div class="top-menu">
               <ul>
                  <li><a href="#">Home</a></li>
                  <li class="last"><a href="#">Login</a></li>
               </ul>
            </div>
            <div class="lang"><a href="#" class="aus">Australia</a></div>
            <div class="currencies">
               <label>Currencies</label>
               <select name=""></select>
            </div>
        	</div> 
        </div>
    </div><!--top-->
    
    <div id="header">
        <div class="inner clearfix">
            <div class="grid_12"><h1 id="logo"><a href="#">The Perfect Occasion</a></h1></div>
        </div>
    </div><!--header-->
    
    <div id="main-nav">
    	 <div class="inner clearfix">
       	<div class="grid_12">
          <ul class="menu">
              <li id="current"><a href="#"><span>Home</span></a></li>
              <li><a href="#"><span>New Product</span></a></li>
              <li><a href="#"><span>Special</span></a></li>
              <li class="parent"><a href="#"><span>Product All</span></a>
                  <ul>
                      <li class="parent"><a href="#"><span>Sub Item</span></a>
                          <ul>
                              <li><a href="#"><span>Sub Item</span></a></li>
                              <li><a href="#"><span>Sub Item</span></a></li>
                          </ul>
                      </li>
                      <li><a href="#"><span>Sub Item</span></a></li>
                  </ul>
              </li>
              <li><a href="#"><span>Review</span></a></li>
              <li><a href="#"><span>Contact Us</span></a></li>
              <li class="last"><a href="#"><span>FAQs</span></a></li>
          </ul>
       	</div>
       </div>
    </div>
    
    <div id="slideshow">
        <div class="inner clearfix">
        		<div class="grid_12"><img src="images/img1.jpg" alt="" /></div>
        </div>
    </div><!--slideshow-->
    
    <div id="main-container" class="has-left">
        <div class="inner clearfix">
        		<div class="florist"></div>
            <div id="main-body">
                <div id="main-content">
                	<div id="main-content-body">
                    
                       <div class="padt14">
                            <h3 class="title grid_9">Featured products</h3>
                            <div class="clearfix padt20">
                            	<div class="grid_3">
                              	<p><img src="images/img3.jpg" alt="" /></p>
                                 <p class="txt-black bor-b padb10"><strong>Suspendisse mattis justo in risus mattis sit amet dapibus nunc cursus</strong></p>
                                 <p class="mart20 marb20">Etiam elit lectus, aliquam vitae mattis quis, consequat eget leo. Curabitur ac turpis et quam tincidunt rutrum. </p>
                                 <p class="font24 txt-black padb20 bor-b marb20">$550</p>
                                 <p><input name="" type="button" class="add-to-cart" /></p>
                                 <p><input name="" type="button" class="details" /></p>
                              </div>
                              <div class="grid_3">
                              	<p><img src="images/img3.jpg" alt="" /></p>
                                 <p class="txt-black bor-b padb10"><strong>Suspendisse mattis justo in risus mattis sit amet dapibus nunc cursus</strong></p>
                                 <p class="mart20 marb20">Etiam elit lectus, aliquam vitae mattis quis, consequat eget leo. Curabitur ac turpis et quam tincidunt rutrum. </p>
                                 <p class="font24 txt-black padb20 bor-b marb20">$550</p>
                                 <p><input name="" type="button" class="add-to-cart" /></p>
                                 <p><input name="" type="button" class="details" /></p>
                              </div>
                              <div class="grid_3">
                              	<p><img src="images/img3.jpg" alt="" /></p>
                                 <p class="txt-black bor-b padb10"><strong>Suspendisse mattis justo in risus mattis sit amet dapibus nunc cursus</strong></p>
                                 <p class="mart20 marb20">Etiam elit lectus, aliquam vitae mattis quis, consequat eget leo. Curabitur ac turpis et quam tincidunt rutrum. </p>
                                 <p class="font24 txt-black padb20 bor-b marb20">$550</p>
                                 <p><input name="" type="button" class="add-to-cart" /></p>
                                 <p><input name="" type="button" class="details" /></p>
                              </div>
                            </div>
                       </div>
                        
                    </div>
                </div><!--main-content-->
                
                <div id="sidebar-left" class="grid_3">
                	<div class="mini-cart">
                  	<h3 class="title">Shopping Cart</h3>
                     <div class="content">
                     	<p>IN YOUR CART <strong class="txt-black">0</strong> ITEMS</p>
                     </div>
                  </div>
                
                	<div class="categories">
                  	<h3 class="title">Categories</h3>
                        <ul class="menu">
                            <li id="current"><a href="#"><span>Item</span></a></li>
                            <li><a href="#"><span>Item</span></a></li>
                            <li><a href="#"><span>Item</span></a></li>
                            <li class="parent"><a href="#"><span>Item</span></a>
                                <ul>
                                    <li><a href="#"><span>Sub Item</span></a></li>
                                    <li><a href="#"><span>Sub Item</span></a></li>
                                </ul>
                            </li>
                            <li><a href="#"><span>Item</span></a></li>
                        </ul>
                    </div>
                    
                    <div class="manufacturers">
                        <h3 class="title">Manufacturers</h3>
                        <div class="content">
                           <select name=""></select>
                        </div>
                     </div>
                	
                </div><!--sidebar-left-->
                
            </div><!--main-body-->
            
        </div>    	        
    </div><!--main-container-->
    
    <div id="bottom-container">
        <div class="inner clearfix">
        	<div class="grid_3">
         	<ul class="menu">
                <li id="current"><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
            </ul>
         </div>
         <div class="grid_3">
         	<ul class="menu">
                <li id="current"><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
            </ul>
         </div>
         <div class="grid_3">
         	<ul class="menu">
                <li id="current"><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
            </ul>
         </div>
         <div class="grid_3">
         	<ul class="menu">
                <li id="current"><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
                <li><a href="#"><span>Item</span></a></li>
            </ul>
         </div>
        </div>
    </div><!--bottom-container-->
    
    <div id="footer">
        <div class="inner clearfix">
            <p align="center">COPYRIGHT 2011 THE PERFECT OCCASION</p>
        </div>
    </div><!--footer-->
        
</div><!--wrapper-->
	
</body>
</html>
